html, body {
    margin: 0px;
    padding: 0px;
    min-height: 100%;
}


body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    background-color: #fff;
	font-size: 10px; /* Set 1em = 10px */
}

img {
    border: 0px;
}

div {
    margin: 0px;
    padding: 0px;
    position: relative;
	font-size: 10px;
}

h1 {
    font-size: 1.6em;
    color: #510101;
    background: transparent;
}

h2 {
    font-size: 1.5em;
    color: #510101;
    background: transparent;
}

h3 {
    font-size: 1.4em;
    color: #8c2323;
    background: transparent;
}

h4 {
    font-size: 1.3em;
    margin-top: 0px;
    color: #8c2323;
    background: transparent;
}

p {
    font-size: 1.1em;
    line-height: 1.3em;
    padding-top: 0px;
    margin-top: 5px;
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    margin: 0px;
    padding: 0px;
}

/*
 * Putting this class definition here since it needs to be before "a", unless we
 * want to change the colour and stuff on links if we decide to add a mouse-over
 * title on them.
 */

.textCaption {
    color: #510101;
    background: transparent;
    border-bottom: #510101 dotted 1px;
}

a {
    color: #510101;
    background: transparent;
    text-decoration: none;
}

a:hover {
    color: #8c2323;
    background: transparent;
    text-decoration: none;
}

a:visited {
    color: #690e0e;
    background: transparent;
    text-decoration: none;
}

/**
 * Main styles
 */
 
#content {
    padding: 1em;
}

.navigation li {
    display:inline;
}

#header {
    background: url('../images/header/bg.gif') top left repeat-x;
    height: 100px;
    width: 100%;
}

    #header .navigation {
        position: absolute;
        margin: 0.5em;
        bottom: 0px;
        font-size: 1.6em;
        font-weight: bold;
        color: #d7c2c2;
    }
    
        #header .navigation li {
            padding: 1em;
        }

        #header .navigation li:hover {
            color: #fff;
        }

        #header .navigation .current {
            color: #fffbd9;
        }

#pageNavigation {
    height: 1.2em;
    padding: 0.4em;
    font-size: 1.2em;
    font-weight: bold;
    background-color: #fffbd9;
}


    #pageNavigation li {
        padding: 0.4em;
    }

    #pageNavigation li:hover {
        background-color: #fff;
    }

    #pageNavigation .current {
        background-color: #fff;
    }